 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>供应商注册</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<link rel="stylesheet" href="js/easyui/demo/demo.css" type="text/css"></link>
<link rel="stylesheet" href="js/easyui/themes/icon.css" type="text/css"></link>
<link rel="stylesheet" href="js/easyui/themes/default/easyui.css"
	type="text/css"></link>
<script type="text/javascript" src="js/easyui/jquery-1.6.min.js"></script>
<script type="text/javascript" src="js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="script/common.js"></script>
<script type="text/javascript" src="script/suinRegist.js"></script>
<style type="text/css">
*, :before, :after {
  box-sizing: border-box;
  margin: 0;
  transition: 0.4s;
}
.modal {
  height: 100px;
  width: 100%;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: .4s, box-shadow .3s .4s;
}

.form{
 
  padding: 25px;
  position: absolute;
  top: 190;
  left:200;
}

input {
	padding-left: 5px;
	line-height: 30px;
	height: 30px;
	width: 200px;
	font-size: 15px;
}

td {
	line-height: 50px;
	height: 70px;
	margin-bottom: 5px;
}
label{
	font-size:15px;
	padding-right:5px; 
}


#submi {
	background-color: #1E82CC;
	width: 80px;
	height: 37px;
	border: none;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	color: #fff;
	line-height: 37px;
	margin: 0 5px 0 0;
	font-size: 14px;
	float: left
}
#required{
 color:red;
}

#u1{
  position:absolute;
  left:0px;
  top:10px;
  white-space:nowrap;
}

#u2{
  position:absolute;
  left:0px;
  top:50px;
  white-space:nowrap;
}

#u2_img{
  position:absolute;
  left:310px;
  top:-5px;
  white-space:nowrap;
}
#u2_img_1{
  position:absolute;
  left:0px;
  top:8px;
  white-space:nowrap;
}
#u2_img_2{
  position:absolute;
  left:45px;
  top:8px;
  white-space:nowrap;
}
#u2_img_3{
  position:absolute;
  left:90px;
  top:8px;
  white-space:nowrap;
}

#u3{
  position:absolute;
  left:0px;
  top:90px;
  white-space:nowrap;
}

#u4{
  position:absolute;
  left:0px;
  top:130px;
  white-space:nowrap;
}

#u5{
  position:absolute;
  left:0px;
  top:170px;
  white-space:nowrap;
}

#u6{
  position:absolute;
  left:0px;
  top:210px;
  white-space:nowrap;
}

#u7{
  position:absolute;
  left:0px;
  top:250px;
  white-space:nowrap;
}

#u8{
  position:absolute;
  left:500px;
  top:210px;
  white-space:nowrap;
}

#u9{
  position:absolute;
  left:500px;
  top:255px;
  white-space:nowrap;
}

#u10{
  position:absolute;
  left:63px;
  top:-5px;
  
}

#u11{
  position:absolute;
  left:170px;
  top:-5px;
  white-space:nowrap;
}
#u12{
  position:absolute;
  left:280px;
  top:12px;
  white-space:nowrap;
}
#u12_1{
  position:absolute;
  left:50px;
  top:0px;
  white-space:nowrap;
}

#u13{
  position:absolute;
  left:0px;
  top:300px;
  white-space:nowrap;
}
#u14{
  position:absolute;
  left:108px;
  top:0px;
  white-space:nowrap;
}
#u15{
  position:absolute;
  left:490px;
  top:600px;
  white-space:nowrap;
}
</style>

</head> 
  <body>
	  <div class="modal">
	  	<div style="text-align:center;width: 100%">
	  		<img src="images/amii-suin.png" style="margin:20px auto auto auto;"></img>
	  		<div style="padding:0px 200px 0px 15px;float: right;">
	  			<div style="padding-top: 70px;float: left;">
	  				<span style="font-size:15;margin:auto auto auto 150px;">我已经注册，现在就</span>
	  			</div>
	  			<div style="float: right;padding-top: 60px;padding-left: 10px;">
	  				<a class="easyui-linkbutton" href="suin_login.jsp" style="padding: 5px 12px 5px 12px;">登录</a>
	  			</div>
	  		</div>
	  	</div> 
	  </div>
	  <div>
		  <form id="suinrForm" action="regSuinaddSuinRegist" method="post" onsubmit="return register();" arget="_blank">
	    	<div class="form">
		    	<div id="u1">
		    		<span id="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*</span><label>用户名称 </label>
	    			<input id="suinName" type="text" name="suinRegister.suinName" value="" onblur="return checkname()"/>
	    			<span id="nameError"></span>
	    			<span id="hintName">以字母和数字组合，注册后不得修改</span>
		    	</div>
		    	<div id="u2">
		    		<span id="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*</span><label>用户密码 </label>
	    			<input id="suinPassword" type="password" name="suinRegister.suinPass" value="" onblur="return checkpassword()"/>
	    			<span id="passwordError"></span>
	    			<span id="hintPass">6-15位以字母、数字、符号组合</span>
	    			<div id="u2_img">
	    				<div id="u2_img_1">
	    					<span id="weak" style="display:block;display:inline-block;width:40px;height:25px;line-height:25px; "></span>
	    				</div>
	    				<div id="u2_img_2">
	    					<span id="middle" style="display:block;display:inline-block;width:40px;height:25px;line-height:25px; "></span>
	    				</div>
	    				<div id="u2_img_3">
	    					<span id="strength" style="display:block;display:inline-block;width:40px;height:25px;line-height:25px; "></span>
	    				</div>
	    			</div>
	    		</div>
	    		<div id="u3">
		    		<span id="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*</span><label>确认密码 </label>
	    			<input id="suinPassword2" type="password"  value="" onblur="return checkpassword2()"/>
	    			<span id="password2Error"></span>
	    			<span id="hintPass2">请重复输入一次密码</span>
	    		</div>
	    		<div id="u4">
		    		<span id="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*</span><label>邮箱地址 </label>
	    			<input id="suinEmail" type="text" name="suinRegister.email" value="" onblur="return checkemail()"/>
	    			<span id="emailError"></span>
	    			<span id="hintEmail">用于验收注册验证信息等</span>
	    		</div>
	    		<div id="u5">
		    		<span id="required">*</span><label>营业执照编码</label></td>
	    			<input id="suinCode" type="text" name="suinRegister.suinCode" value="" onblur="return checkSuinCode()"/>
	    			<span id="codeError"></span>
	    			<span id="hintCode">营业执照注册编码</span>
	    		</div>
	    		<div id="u6">
		    		<span id="required">&nbsp;&nbsp;&nbsp;&nbsp;*</span><label>供应商名称</label>
	    			<input id="realName" type="text" name="suinRegister.realName" value="" onblur="return checkRealName()"/>
	    			<span id="realNameError"></span>
	    		</div>
	    		<div id="u7">
		    		<span id="required">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*</span><label>联系电话</label>
	    			<td><input id="suinPhone" type="text" name="suinRegister.phone" value="" onblur="return checkPhone()"/>
	    			<span id="phoneError"></span>
	    		</div>
	    		<div id="u8">
		    		<span id="required">&nbsp;&nbsp;&nbsp;&nbsp;*</span><label>地址  </label>
	    			<input id="address" type="text" name="suinRegister.address" value="" onblur="return checkAddress()"/>
	    			<span id="addressError"></span>
	    		</div>
	    		<div id="u9">
	    			<span id="required">*</span><label>验证码  </label>
	    			<div id="u10" >
						<input type="text" style="width:100px;" value="" id="changeCode" onblur="return checkCaptcha()"/>
					</div>
					<div id="u11" >
						<img src="code.jsp?number=" +<%Math.random();%>" id="code"
									width="96px;" height="34px;" alt="" onclick="select()" />
					</div>
					<div  id="u12">
						<a style="cursor: pointer; color: blue; text-decoration: underline;"
									onclick="select()" title="">看不清</a>
						<div id="u12_1">
							<span id="chagecodeError"></span>	
						</div>		
					</div>
	    		</div>
	    		<div id="u13">
	    			<label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;备注 </label>
	    			<div id="u14" >
	    				 <textarea type="text" name="suinRegister.mome" value="" style="width:655px;height:50px;"></textarea>
	    			</div>
	    		</div>
		    	</div>
		    	<div id="u15">
		    		<div>
			    		<input id="submi"  type="submit"  value="注册" />
						<input id="submi"  type="button" style="margin-left: 30px;" onclick="resetJsp()" value="重置" />	
		    		</div>
		    		<div  style="padding-top: 20px;padding-left: 5px;">
		    			<a href="suin_login.jsp">已有账号了</a>
		    		</div>
		    	</div>
	    	</div>
	    </form>
	  </div>
   	  <div style="text-align:center;padding-top:700px; ">
		<span>2016 @AMII All Rights Reserved</span>
	  </div>
  </body>
</html>